padded_box(box_sizing,args...)
  box-sizing box_sizing
  padding args

bgI()
  background-position center
  background-repeat no-repeat
  background-size contain

bgCover()
  background-position center
  background-repeat no-repeat
  background-size cover

no-wrap()
  text-overflow ellipsis
  overflow hidden
  white-space nowrap

ellipsis($num)
  display -webkit-box
  -webkit-box-orient vertical
  -webkit-line-clamp $num
  word-break keep-all
  white-space normal
  overflow hidden
  text-overflow ellipsis
  overflow-wrap break-word
wrapper()
  background-color #fff
  border-radius 4px
  box-shadow 0px 3px 10px rgba(0, 0, 0, .1)

scroll()
  width 100%
  height 100%
  overflow-x hidden
  overflow-y auto
  &::-webkit-scrollbar
    // width 8px
    // height 8px
    width 0
    height 0
  &::-webkit-scrollbar-thumb
    border-radius 4px
    -webkit-box-shadow inset 0 0 5px rgba(0,0,0,0.2);
    background #CCE5FF
  &::-webkit-scrollbar-track
    background transparent
    
scroll-bar()
  width 100%
  height 100%
  overflow-x hidden
  overflow-y auto
  &::-webkit-scrollbar
    width 8px
    height 8px
  &::-webkit-scrollbar-thumb
    border-radius 4px
    -webkit-box-shadow inset 0 0 5px rgba(0,0,0,0.2);
    background #CCE5FF
  &::-webkit-scrollbar-track
    background transparent
page()
  box-sizing border-box
  padding 10px 24px 24px
  width 100%
  height 100%
  border-radius 4px
  box-shadow 0px 3px 10px rgba(0, 0, 0, .1)
  background-color #fff
  overflow hidden

scroll-bar()
  &::-webkit-scrollbar
    width 8px
    height 8px
  &::-webkit-scrollbar-thumb
    border-radius 4px
    -webkit-box-shadow inset 0 0 5px rgba(0,0,0,0.2);
    background #CCE5FF
  &::-webkit-scrollbar-track
    background transparent

small-scroll()
  width 100%
  height 100%
  overflow-x auto
  overflow-y auto
  &::-webkit-scrollbar /*滚动条整体样式*/
    width 6px    /*高宽分别对应横竖滚动条的尺寸*/
    height 6px
  &::-webkit-scrollbar-thumb /*滚动条里面小方块*/
    border-radius 3px
    -webkit-box-shadow inset 0 0 5px rgba(0,0,0,0.2);
    background #DCDFE6
  &::-webkit-scrollbar-track /*滚动条里面轨道*/
    // -webkit-box-shadow inset 0 0 5px rgba(0,0,0,0.2)
    // border-radius 10px
    background transparent

alignCenter()
  display flex
  align-items center

between()
  display flex
  justify-content space-between

columnBetween()
  display flex
  flex-direction column
  justify-content space-between

center()
  display flex
  justify-content center
  align-items center

top1()
  display flex
  justify-content center
  align-items flex-start

bottom1()
  display flex
  justify-content center
  align-items flex-end

leftBottom()
  display flex
  justify-content flex-start
  align-items flex-end

left1()
  display flex
  justify-content flex-start
  align-items center

right1()
  display flex
  justify-content flex-end
  align-items center

rightBottom()
  display flex
  justify-content flex-end
  align-items flex-end

columnCenter()
  display flex
  flex-direction column
  justify-content center
  align-items center

columnTop() 
  display flex
  flex-direction column
  justify-content flex-start
  align-items center

columnTopLeft()
  display flex
  flex-direction column
  justify-content flex-start
  align-items flex-start

columnLeft()
  display flex
  flex-direction column
  justify-content center
  align-items flex-start

absCenter() 
  position absolute
  left 0
  right 0
  top 0
  bottom 0
  margin auto

abfLayer()
  z-index 999
  position fixed
  top 0
  left 0
  right 0
  bottom 0
  width 100%
  height 100%